﻿<link href="@Url.Content("~/Content/skitter.styles.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery.skitter.js")" type="text/javascript"></script>
  <script src="@Url.Content("~/Scripts/jquery.easytabs.js")" type="text/javascript"></script>
  <script src="@Url.Content("~/Scripts/jquery.hashchange.min.js")" type="text/javascript"></script>
	<script>
	    $(document).ready(function () {
	        $("#tabs").tabs();
	    });
	    $(document).ready(function () {

	        var options = { animation: 'block', hideTools: true };

	        if (document.location.search) {
	            var array = document.location.search.split('=');
	            var param = array[0].replace('?', '');
	            var value = array[1];

	            if (param == 'animation') {
	                options.animation = value;
	            }
	            else if (param == 'type_navigation') {
	                if (value == 'dots_preview') {
	                    $('.border_box').css({ 'marginBottom': '40px' });
	                    options['dots'] = true;
	                    options['preview'] = true;
	                }
	                else {
	                    options[value] = true;
	                    if (value == 'dots') $('.border_box').css({ 'marginBottom': '40px' });
	                }
	            }
	        }

	        $('.box_skitter_large').skitter(options);

	        // Highlight
	        $('pre.code').highlight({ source: 1, zebra: 1, indent: 'space', list: 'ol' });

	    });

	</script>

<div class="box_skitter box_skitter_large">

    <ul>
        <li>
            <img src="@Url.Content("~/Content/Images/slide/001.jpg")" class="block" />

            <div class="label_text">
                <p>Label</p>
            </div>
        </li>
        <li>

            <img src="@Url.Content("~/Content/Images/slide/002.jpg")" class="cube" />
            <div class="label_text">
                <p>Label</p>

            </div>
        </li>
        <li>
            <a href="http://jquery.com"><img src="@Url.Content("~/Content/Images/slide/003.jpg")" class="default" /></a>

            <div class="label_text">
                <p>Label</p>
            </div>
        </li>
    </ul>

</div>
